<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/person1.css" />
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
	</head>
	<body>
		
				<div class=".container-fluid head">
			<!--t头部导航-->
			<div class="head-box">
				<div class="left pull-left">
					<p> Mastra</p>
					<span>Follow mastra to invest in foreign exchange</span>
				</div>
				<div class="right pull-right">
					        <div class="pull-left tou">
					        	  	<img src="../img/关于我们/头像.png" />
					        </div>
							<div type="button" data-toggle="modal" data-target="#myModal" class="yu pull-left">English</div>
                             <button class="pull-right btn btn-danger logo" id="out">Log out</button>
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header" style="border: none;">
								<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
									<!--<span aria-hidden="true">&times;</span></button>-->
								<!--<h4 class="modal-title" id="myModalLabel">Language choice</h4>-->
								
								<div id="titlex">
										<p class="pull-left" class="lang" style="color: #ff5252;">Language choice</p>
										<p class="pull-right" id="bal" style=" cursor: pointer;">Global Home</p>
									</div>
								<div class="yuyang">
									<button class="btn btn-default">Chinese </button>
									<button class="btn btn-default">German</button>
									<button class="btn btn-default">Russian  </button>
									<button class="btn btn-default">French </button>
									<button class="btn btn-default">Korean  </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Thai   </button>
									<button class="btn btn-default">Vietnamese  </button>
									<button class="btn btn-default">Japanese  </button>
									<button class="btn btn-default">Arabic  </button>
									<button class="btn btn-default">Estonia   </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Polish </button>
									<button class="btn btn-default">Danish </button>
									<button class="btn btn-default">Finnish   </button>
									<button class="btn btn-default">Dutch  </button>
									<button class="btn btn-default">Czech    </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Romanian </button>
									<button class="btn btn-default">Portuguese </button>
									<button class="btn btn-default">Swedish   </button>
									<button class="btn btn-default">Slovenia</button>
									<button class="btn btn-default">Spanish    </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Greek </button>
									<button class="btn btn-default">Hungarian </button>
									<button class="btn btn-default">Italian  </button>
									<button class="btn btn-default">Bulgarian   </button>
									<button class="btn btn-default">traditional  </button>
								</div>
							</div>
							<div class="modal-footer" style="border: none;">
								<button type="button" class="btn btn-danger" data-dismiss="modal" id="tj">Closed</button>
								<!--<button type="button" class="btn btn-primary">Save changes</button>-->
							</div>
						</div>
					</div>
				   </div>
				</div>
			</div>
		</div>
		<div class="conter">
			<div class="box">
				<div class="left pull-left">
					<div class="title">Personal</div>
					<div class="funds">
						<img src="../img/个人中心/个人中心-我的账户未选中.png" />
						<span>My Funds</span>
					</div>
					<div class="deal">
						<img src="../img/个人中心/个人中心-我的交易未选中.png" />
						<span>Deal</span>
					</div>
					<div class="messages">
						<img src="../img/个人中心/个人中心-消息未选中.png" />
						<span>Messages</span>
					</div>
				</div>
				<div class="right pull-right">
					<div class="head">
						<div class="wrapp pull-right">
						<div class="rem">Remittance</div>
						<p class="glyphicon glyphicon-menu-right"></p>
						<div class="fund"> My funds</div>
						</div>
					</div>
					<div class="top">
						<div class="le pull-left">Deposit amount：</div>
						<div class="ri pull-right">
							<div class="shu">
								<input type="text" placeholder="$500.00" />
							</div>
							<div class="shi">
								<div class="lef pull-left">Current exchange rate: $1 =6.931</div>
								<div class="rig pull-right">Equivalent to about $3465.50</div>
							</div>
						</div>
					</div>
					<div class="con">
						<p>Please select deposit amount：</p>
						<ul>
							<li>
								<div>$500</div>
							</li>
							<li>
								<div>$1000</div>
							</li>
							<li>
								<div>$2000</div>
							</li>
							<li>
								<div>$3000</div>
							</li>
							<li>
								<div>$4000</div>
							</li>
							<li>
								<div>$5000</div>
							</li>
							<li>
								<div>$8000</div>
							</li>
							<li>
								<div>$10000</div>
							</li>
						</ul>
					</div>
					<div class="bott">
						<p>Please enter the password：</p>
						<div class="pass">
							<input type="text" />
						</div>
					</div>
					<div class="deposit">
						UnionPay deposit
					</div>
				</div>
			</div>
		</div>
		<div class="con-six">
			<div class="box">
				<div class="top">
					<div class="left">Mastra</div>
					<div class="con">
						<span class="tt">Follow mastra to invest in foreign exchange</span>
						<span>More than 3 million people around the world are using it</span>
					</div>
					<div class="right">
						<div id="about">About us</div>
						<div id="agent">Agent login</div>
						<div id="partner">Partner login</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				<div class="bottom">
					
					<div class="text1">High risk investment warning: market risk, investment need to be cautious. Margin trading in financial markets has high risks and is not suitable for all investors. Increasing leverage means that both high risk and high income coexist. Before you decide to trade, you must identify the investment objectives, investment experience and risk tolerance, and choose their own way of investment. You need to know the possibility of all or part of the loss of margin transactions in the financial markets. Tiger foreign exchange trading platform provides trading services for the majority of trading experts and ordinary investors. Any information posted by the website, including real-time transaction alerts, investment articles and other resources, comes from the internet. All users must carefully consider and weigh investment risks and security. The historical data of the trading master does not represent the future operation ability, so any risk generated by the user needs to be undertaken by itself.</div>
					<div class="text2">Before you decide to trade or continue to hold any financial products, please read our product disclosure statement and other relevant documents. All the details are included in our financial services guide for our services and any charges. You can get all of our relevant documents here. Apple, iPad and iPhone are registered trademarks of the Apple Corp (Apple lnc.) in the United States and other countries. App Store is the service trademark of Apple Corp (Apple lnc.), and Android is a registered trademark of Google Corporation (Google l</div>
				</div>
			</div>
		</div>
		<script>
			$("#out").click(function(){
				location.href="../index.html"
			})
			$(".deal").click(function(){
				location.href="person3.html"
			})
			$(".messages").click(function(){
				location.href="person5.html"
			})
			 $("#agent").click(function(){
				location.href="log1.html"
			})
			$("#partner").click(function(){
				location.href="log4.html"
			})
			$("#about").click(function(){
				location.href="about.html"
			})
			$("#bal").click(function(){
				location.href="../html/wrap.html"
			})
			$(".fund").click(function(){
				location.href="person.html"
			})
		</script>
	</body>
</html>
